<template>
	<div class="container banxin clearfix" v-cloak>
		<div class="dir">
			<div class="dir-left">
				<a href="../index.html">首页</a> >
				<a href="#">填报政策解读</a>
			</div>
			<div class="dir-right">
				<span class="province">江苏</span>
				<span class="section">理科</span>
				<span class="score">663</span>
				<span><img :src="editor" alt="编辑" title="编辑" /></span>
			</div>
		</div>
		<ul class="listBox">
			<li class="clearfix" v-for='(list, index) of lists'>
					<img :src='imgs[index]' alt="填报政策" class="fll" title="填报政策">
					<div class="fll">
						<h3>{{list.title}}？</h3>
						<p>{{list.content}}</p>
					</div>
					<a class="police-seemore" @click=todetail(index)>查看更多</a>
			</li>
		</ul>
		<div class="y-pages">
			<a href="">上一页</a>
			<!-- <a href="" class="active">1</a>
			<a href="">2</a>
			<a href="">3</a>
			<a href="">4</a> -->
			<a href="">下一页</a>
		</div>
	</div>
</template>
<script>
	module.policy = {
		template: template,
		data: function data() {
			var imgs=function(){
				var arr=[];
				for(var i=1;i<6;i++){
					arr.push("src/style/img/z"+i+".png")
				}
				return arr;
			}()
			return {
				editor: editor,
				lists: [],
				imgs:imgs
			};
		},
		methods: {
			todetail: function todetail(index) {
				this.$router.push({
					path: '/policy-detail'
				});
				//				policy-detail.html?index="+index
			}
		},
		created: function created() {
			console.log(12);
			jcy.usecss(['policy']);
			window.uy=this.$route
			this.lists = JSON.parse(sessionStorage.gk);
		},
		beforeDestroy: function beforeDestroy() {
			jcy.removecss(['policy']);
		}
	};
</script>
<style>
	.police-seemore{
		cursor:pointer;
	}
</style>
</body>
</html>